<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>校园生活 | 我们的学校</title>
	<link rel="stylesheet" href="./css/style.css">
</head>
<body>
	<header>
		<div class="container">
			<h1>欢迎来到我们的学校</h1>
			<nav>
				<ul>
					<li><a href="index.html">首页</a></li>
					<li><a href="activities.html">迎新活动</a></li>
					<li><a href="campus-life.html">校园生活</a></li>
					<li><a href="contact.html">联系我们</a></li>
				</ul>
			</nav>
		</div>
	</header>
	
	<main>
		<div class="container">
			<section>
				<h2>校园住宿</h2>
				<p>我们提供舒适的住宿条件，包括单人和双人房间。每个宿舍都配备了基本设施，如床、书桌、椅子、衣柜等，并配有可靠的网络连接。</p>
			</section>
			
			<section>
				<h2>教学设施</h2>
				<p>我们的教学设施一流，包括各种实验室、图书馆、多媒体教室和计算机中心等。这些设施为学生提供了丰富的学术资源和实践经验。</p>
			</section>
			
			<section>
				<h2>课外活动</h2>
				<p>我们提供各种课外活动，包括运动、音乐、文化和社交活动等。这些活动不仅让学生享受到丰富多彩的校园生活，还帮助他们培养团队精神和领导能力。</p>
				<a href="#" class="button">查看更多课外活动</a>
			</section>
		</div>
	</main>

	<footer>
		<div class="container">
			<p>&copy;2023 我们的学校</p>
		</div>
	</footer>

	<script src="app.js"></script>
</body>
</html>